/* CSS Document */


@media screen and (min-width:768px){

	#main {width:100%;background:#F6F6F6;}
	
	.clear {clear:both;}
	
	#project .project .release {float:right;padding:0 100px;}
	#project .project .release .presentation {display:block;width:140px;}
	#project .project .release ul>li>a {display:block;margin-top:20px;font-size:16px;}
	
	#project .project .form>form >div .form-control{width:500px;}
	
	#project .project .left{float:left;margin-top:20px;width:17%;padding:0 0 0 50px;}
	#project .project .right{float:right;margin-top:20px;width:83%;padding:0 100px 0 0;}	
	#project .project .right span {display:block;float:right;margin:0 30px 0 20px;color:#666;}
	#project .project .right .list-group-item:hover{background:#F7F7F7;}
	
	#project .project .page{text-align:center;}
	
	#project .project .nav{width:88px;}
	
	#project .project .form-name {width:400px;}
	#project .project .form-select{width:200px;}
	#project .project .form-release{width:150px;}
	#project .project .form-details {width:80%;}
	#project .project .btn-submit {width:100px;}
	#project .project .form-releases {margin-top:20px;padding:0 10px 0 10px;}
	#project .project .btn-css {width:85%;float:right;margin-top: 20px;margin-bottom: 80px;}
	.information{margin-top: 20px;margin-left: 15px;}
	#project .project .title {margin-left: 15px;}
	#project .project .title h3{line-height: 100px;}
	.details{margin-left: 200px;}
	#project .project .btn-style{width:100%;float:right;}

}

@media screen and (max-width:767px){
	
	.clear {clear:both;}
	
	.project{width:100%}
		
	#project .project .release {float:right;}
	#project .project .release ul>li>a {display:block;font-size:16px;}
		
	#project .project .nav{margin-top:10px;padding:0;}
	#project .project .form .navbar-form {margin-right:0;}
	#project .project .form .navbar-form .form-group {width:80%;float:left;padding:0 10px;}
		
	#project .project .right{margin-top:10px;}
	#project .project .right .list-group-item a {display:block;line-height:36px;}
	#project .project .right .list-group-item span {display:block;color:#898989;}
	#project .project .right .list-group-item b>span {text-align: center;width: 100%;display: block;margin-top:-80px;line-height: 80px;color:red}
	#project .project .right .list-group-item .btn-lg {float:right;width:60px;height:24px;padding:0;font-size:12px;line-height:24px;margin-top:-30px;}
	
	#project .project .page{text-align:center;}
	
	#project .project .form-releases {margin-top:20px;padding:0 10px 0 10px;}

	#project .project .btn-css .btn-default {background-color: #1e88e5;margin-top: 20px;margin-bottom: 50px;}
	.form-horizontal .form-group{margin-right:0;margin-left: 0;}
	.information{margin-left: 15px;}
	#project .project .title {margin-left: 15px;}
	#project .project .content>p {margin-left: 15px;}
}